<template>
  <li @click="$router.push({path : '/particulars',query:{id:item.id}})">
      <img :src="`${item.picUrl }?imageView=1&type=webp&thumbnail=247x0`" alt="">
      <span>{{item.playCount | parsePlayCount}}</span>
      <h5>{{item.name}}</h5>
  </li>
</template>

<script>
export default {
    props:{
        item:Object
    },
     filters: {
    parsePlayCount: function (value) {
      return (value / 10000).toFixed(1) + "万";
    },
  },
    
    
}
</script >

<style scoped>
li{
    width: 30%;
    position: relative;
    margin-bottom: 10px;
   
}

li img{
  border-radius: 10px;
}
h5{
    font-size: 14px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

span{
    position: absolute;
    right: 5px;
    top: 5px;
    color: white;
    font-size: 10px;
    /* box-shadow: 0 0px 0  #888888; */
}
</style>